<script setup lang="ts">
// import {useRouter}
import  { useRouter } from 'vue-router'
const router=useRouter()
    // import {ref} from 'vue'
    // const title=ref('title')
    // const txt =ref('注册')
    const props=defineProps<{
        title?:string,
        rightText?:string
        back?: () => void
    }>()
    const onClickLeft=()=>{
        if (props.back) {
          return props.back()
         }
        // 返回的时候有两种情况、
        // 1.返回到其他页面点进来的时候的页面
            // 点击返回的时候跳到原来的页面
            // history对象是windows的顶级对象
            if(history.state.back){
                router.back()
            }else{
                // 2.没有从其他页面跳转过来的情况
                // 点击返回的时候让他跳到首页
                router.push('/')

            }


        console.log("返回");
        
    }
    
    
    const onClickRight=()=>{
        console.log("跳到注册页面");
        
    }
</script>

<template>
    <van-nav-bar
    left-arrow
    fixed
    :title="title"
    :right-text="rightText"
    @click-left="onClickLeft"
    @click-right="onClickRight"
    />
</template>